<template>
    <div>
        <i class="el-icon-circle-plus-outline"  @click="dialogFormVisible = true"></i>
        <el-dialog title="收货地址" :visible.sync="dialogFormVisible">
            <el-form :model="editJobLevel">
                <el-form-item label="职称名称" :label-width="formLabelWidth">
                    <el-input v-model="editJobLevel.name" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item label="职称等级" :label-width="formLabelWidth">
                    <el-select v-model="editJobLevel.titlelevel" placeholder="请选择活动区域">
                        <el-option
                                v-for="item in editlevels"
                                :key="item"
                                :label="item"
                                :value="item">
                        </el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
                <el-button size="small" type="primary" @click="dialogFormVisible = false" @click="doUpdate">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    //暂时没用
    export default {
        name: "EditJobLevel",
        data() {
            return {
                editJobLevel:{
                    name:'',
                    titlelevel:''
                },
                dialogFormVisible: false,
                editlevels: [
                    '正高级'
                    ,'副高级'
                    ,'中级'
                    ,'初级'
                    ,'员级'
                ],
                formLabelWidth: '120px'
            }
        },
        methods:{
            //修改确定按钮
            doUpdate() {

            }
        }
    }
</script>

<style scoped>

</style>